<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			.a1{
				width: 500px ;
				height: 500px ;
				background-color: #ffaa00;
				border-radius: 500px ;
			}
			.a2{
				width: 125px ;
				height: 125px ;
				background-color: #00aaff;
				border-radius: 125px ;
				position:relative;
				left: 51px ;
				top: 234px;
			}
			.a3{
				width: 125px ;
				height: 125px ;
				background-color: #f9b0c1;
				border-radius: 125px ;
				position: relative;
				left: 283px;
				top: -1px;
			}
			.a4{
				width: 200px;
				height:50px ;
				background-color: white;
				border-radius: 25px;
				position: relative;
				left: -311px;
				top: -72px;
			}
			.a5{
				width: 200px;
				height: 50px;
				background-color: white;
				border-radius: 25px;
				position: relative;
				left: 257px;
				top: 0px;
			}
			.a6{
				width: 50px;
				height: 50px ;
				background-color: black;
				border-radius: 50px;
				position: relative;
				left: 0px;
				top: 0px;
				
				
			}
			.a7{
				
				width: 50px;
				height: 50px ;
				background-color: black;
				border-radius: 50px;
				position: relative;
				left: -258px;
				top: 0px;
			}
			p{
				width: 175px;
				height: 175px;
				border-left: 10px solid black;
				border-bottom: 10px solid black;
				
				border-radius: 100px;
				position: relative;
				left: 170px;
				top: -206px;
				transform:rotate(-47deg)
			}
			
		</style>
	</head>
	<body>
		<div class="a1">
			<div class="a2">
				<div class="a3">
					<div class="a4">
						<div class="a5">
							<div class="a6">
								<div class="a7"></div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<p></p>
	</body>
</html>